<!DOCTYPE html>
<html rem="750">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body class="addpadding">
    <header><i class="iconfont icon-close"></i>购物车<i class="iconfont icon-gengduo"></i> </header>
    
    <!-- 购物物品 开始 -->
    <!-- 商品 开始 -->
    <div class="purchase">
        <ul>
            <li>
                <label>
                    <div class="lileft">
                        <input type="radio">
                        <img src="./img/shopcar1.png" alt="">
                    </div> 
                
                    <div class="liright">
                        <p class="intro">方凳款懒人沙发 MRLAZY</p>
                        <div class="types">
                            <select>
                                <option selected>雾粉</option>
                                <option >米白</option>
                            </select>
                            <span>/3个工作日发货</span>       
                        </div>
                        <p class="price">¥799.00</p>
                        <div class="number">
                            <i class="iconfont icon-minus"></i>
                            <span>1</span>
                            <i class="iconfont icon-plus"></i>
                        </div>
                    </div>
                    <div class="close">
                        <i class="iconfont icon-close"></i>
                    </div>
                </label>
            </li>
            <li>
                <label>
                    <div class="lileft">
                        <img src="./img/shopcar2.png" alt="">
                    </div> 
                
                    <div class="liright">
                        <p class="intro">YEPOM 居家摇摇椅 舒适</p>
                        <div class="types">
                            <select>
                                <option selected>莫兰迪绿</option>
                                <option >米白</option>
                            </select>
                            <span>/3个工作日发货</span>       
                        </div>
                        <p class="price">¥799.00</p>
                        <div class="number">
                            <i class="iconfont icon-minus"></i>
                            <span>1</span>
                            <i class="iconfont icon-plus"></i>
                        </div>
                    </div>
                    <div class="close">
                        <i class="iconfont icon-can"></i>
                    </div>
                </label>
            </li>
            <li>
                <label>
                    <div class="lileft">
                        <input type="radio" checked>
                        <img src="./img/shopcar3.png" alt="">
                    </div> 
                
                    <div class="liright">
                        <p class="intro">进口颗粒懒人沙发</p>
                        <div class="types">
                            <select>
                                <option selected>浅灰色</option>
                                <option >米白</option>
                            </select>
                            <span>/3个工作日发货</span>       
                        </div>
                        <p class="price">¥599.00</p>
                        <div class="number">
                            <i class="iconfont icon-minus"></i>
                            <span>1</span>
                            <i class="iconfont icon-plus"></i>
                        </div>
                    </div>
                    <div class="close">
                        <i class="iconfont icon-close"></i>
                    </div>
                </label>
            </li>
        </ul>   
    </div>
    <!-- 商品 结束 -->

    <!-- 猜你喜欢 开始 -->
    <section class="sec sec-like">
        <div class="content">
            <div class="items">
                <div class="ch"><i class="iconfont icon-dengpao"></i><span>猜你喜欢</span></div>
                <p class="en">YOU MAY ALSO LIKE</p>
            </div>
            <div class="pics like">
                <ul class="found">
                    <li>
                        <img src="./img/like1.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型单人沙发座椅</span>
                        </div>
                        <p>¥1999</p>
                    </li>
                    <li>
                        <img src="./img/like2.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型单人沙发座椅</span>
                        </div>
                        <p>¥2599</p>
                    </li>
                    <li>
                        <img src="./img/like3.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型单人沙发凳子</span>
                        </div>
                        <p>¥1299</p>
                    </li>
                    <li>
                        <img src="./img/like4.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型双人沙发座椅</span>
                        </div>
                        <p>¥3999</p>
                    </li>
                    
                </ul>
            </div>
        </div>     
    </section>
    <!-- 猜你喜欢 结束 -->

    <!-- 购物物品 结束 -->

    <!-- 付款 开始 -->
    <div class="pay">
        <label >
            <input type="radio">已选（1）
        </label>
        <div class="acc">
            <div>
                <span>合计：</span>
                <span class="color">¥599</span>
            </div>
            <div class="buy">结算</div>
        </div>
        
    </div>
    <!-- 付款 结束 -->

    <!-- 底部 开始 -->
    <footer>
        <ul>
            <li>
                <a href="./index.html">
                    <i class="iconfont icon-house"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="./class.html" >
                    <i class="iconfont icon-category"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="" class="active">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="./mine.html" >
                    <i class="iconfont icon-people"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!-- 底部 结束 -->
</body>
</html>